/* 主题样式定义 */

:root {
  /* 爪间日光原配色 */
  --day-primary: #f79503;
  --day-primary-light: #ffca7a;
  --day-secondary: #4caf50;
  --day-bg: #fff9e6;
  --day-bg-darker: #ffedb8;
  --day-text: #000000;
  --day-gray: #757575;
  --day-glass-border: rgba(0, 0, 0, 0.1);
  --day-card-bg: rgba(255, 255, 255, 0.85);
  --day-primary-rgb: 255, 167, 38;
  --day-bg-darker-rgb: 255, 237, 184;
  --day-title-gift: "🐾";

  /* 一川星语主题变量 */
  --night-primary: #7e57c2;
  --night-primary-light: #b085f5;
  --night-secondary: #29b6f6;
  --night-bg: #0a0f2b;
  --night-bg-darker: #05071f;
  --night-text: #ffffff;
  --night-gray: #90a4ae;
  --night-glass-border: rgba(255, 255, 255, 0.1);
  --night-card-bg: rgba(30, 30, 46, 0.7);
  --night-primary-rgb: 126, 87, 194;
  --night-bg-darker-rgb: 5, 7, 31;
  --night-title-gift: "✨";

  /* 通用变量 */
  --transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  --border-radius: 18px;
  --menu-item-show: #ff5252;
}

/* 爪间日光主题 */
body.day-theme {
  background: linear-gradient(135deg, var(--day-bg-darker) 0%, var(--day-bg) 100%);
  color: var(--day-text);

  --primary: var(--day-primary);
  --primary-reverse: var(--night-primary);
  --primary-light: var(--day-primary-light);
  --secondary: var(--day-secondary);
  --bg: var(--day-bg);
  --bg-darker: var(--day-bg-darker);
  --text: var(--day-text);
  --gray: var(--day-gray);
  --glass-border: var(--day-glass-border);
  --card-bg: var(--day-card-bg);
  --primary-rgb: var(--day-primary-rgb);
  --bg-darker-rgb: var(--day-bg-darker-rgb);
  --title-gift: var(--day-title-gift);
}

/* 一川星语主题 */
body.night-theme {
  background: linear-gradient(135deg, var(--night-bg-darker) 0%, var(--night-bg) 100%);
  color: var(--night-text);

  --primary: var(--night-primary);
  --primary-reverse: var(--day-primary);
  --primary-light: var(--night-primary-light);
  --secondary: var(--night-secondary);
  --bg: var(--night-bg);
  --bg-darker: var(--night-bg-darker);
  --text: var(--night-text);
  --gray: var(--night-gray);
  --glass-border: var(--night-glass-border);
  --card-bg: var(--night-card-bg);
  --primary-rgb: var(--night-primary-rgb);
  --bg-darker-rgb: var(--night-bg-darker-rgb);
  --title-gift: var(--night-title-gift);
}
